<template>
    <!-- 突发事件专题报告详情 -->
    <div class="sjzxLeftCenter">
        <el-descriptions
            class="margin-top"
            :column="3"
            direction="vertical"
            border
        >
            <el-descriptions-item label="渔船名称">{{
                item.name
            }}</el-descriptions-item>
            <el-descriptions-item label="负责人">{{
                item.charge
            }}</el-descriptions-item>
            <el-descriptions-item label="负责人电话">{{
                item.phone
            }}</el-descriptions-item>
            <el-descriptions-item label="地址">{{
                item.address
            }}</el-descriptions-item>
        </el-descriptions>
    </div>
</template>

<script>
import { onMounted, ref } from "vue";
import Title from "../LittleTitle.vue";
export default {
    components: {
        Title,
    },
    setup() {
        let vHtml = ref("");

        return {
            vHtml,
        };
    },
};
</script>

<style lang="stylus" scoped>
.sjzxLeftCenter {
    color: #fff;
}
</style>